<extend name="Base/common"/>
<block name="body">
<body class="board-page2">
<div class="container" style="margin-bottom: 75px;">
<header class="page-head2" >
    <figure class="user-info">
        <a href="javascript:void(0);" class="user-avatar" style="background-image:url('__IMG__/avatar.png')"></a>
        <p class="user-name">toqingzi</p>
        <p class="user-account">toqingzi@163.com</p>
        <p class="user-balance"><i></i>金豆余额 <b>22700</b></p>
    </figure>
    <table class="tab-table-widen">
        <tbody><tr>
            <td class="tab gross-income">
                <p class="value">0</p>
                <p class="label">总战绩</p>
            </td>
            <td class="tab ranking">
                <p class="value">暂无排名</p>
                <p class="label">总排名</p>

            </td>
        </tr>
        </tbody></table>

</header>

<section class="page-body volves">
    <div class="panel situation">
        <div class="panel-head">
            <h1 class="title"><i class="name">最新战况</i>
            </h1>
        </div>
        <div class="panel-body">
            <div class="income-status">
                <p class="bean-count up">+0</p>
            </div>
            <div class="details history-info">
                <header class="details-header">
                    <h1 class="details-title">查看明细</h1>
                    <div class="summary">
                        <p class="bean-info has-record hide"><!--show-->
                            <span class="bean-in">投入<span class="bean-in-count">0</span>金豆</span>
                            <span class="bean-out">收益率 : <span class="bean-out-count">0.00</span></span>
                        </p>

                        <p class="bean-info no-record hide"><!--show-->
                            <span class="bean-in">您的竞猜结果即将揭晓，敬请期待</span>
                            <span class="bean-in" style="display: none">您的竞猜结果即将揭晓，敬请期待</span><!--另一种状态-->
                        </p>
                    </div>
                </header>
                <div class="details-detail" style="display: none"><!--open-->
                    <div class="unbet" init-name="hasBetDetail-class">
                        暂无记录
                    </div>
                    <ul>
                        <li>
                            <span><time>昨天 14:44</time>猜涨(猜对)</span>
                            <span class="align-right">金豆</span>
									<span class="plus-minus-bean success">
										<em class="result">+</em><em class="count">1030</em>
							</span>
                        <li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="panel today-bet">
        <div class="panel-head">
            <div class="panel-title">
                <i class="name">正在下注</i>
            </div>
        </div>
        <div class="panel-body">
            <div class="unbet hide"><!--show-->
                <p>您目前还没有下注，快来竞猜赢大奖吧！</p>
            </div>
            <ol class="bet-list">
                <li>
                    <p>
                        <time class="bet-time">昨天 14:47</time>
                        <span><em class="bet-option_my up">看涨</em></span>
                        <span class="board-odds">赔率:2.01</span>
                        <span class="align-right">投入<em class="bean-count">100</em>金豆</span>
                    </p>
                </li>
                <li>
                    <p>
                        <time class="bet-time">昨天 14:52</time>
                        <span><em class="bet-option_my down">看涨</em></span>
                        <span class="board-odds">赔率:2.11</span>
                        <span class="align-right">投入<em class="bean-count">100</em>金豆</span>
                    </p>
                </li>

                <li>
                    <p>
                        <time class="bet-time">昨天 14:57</time>
                        <span><em class="bet-option_my up">看涨</em></span>
                        <span class="board-odds">赔率:2.12</span>
                        <span class="align-right">投入<em class="bean-count">100</em>金豆</span>
                    </p>
                </li>
            </ol>
        </div>
    </div>
    <div class="panel person-history">
    <div class="panel-head">
        <h1 class="panel-title">
            <i class="name">个人战绩图</i>
            <!--<time class="current-month" init-name="calendardate-html" id="calendar-date">{value}</time>  -->
        </h1>
    </div>
    <div class="databox clearfix" id="ops">
        <span class="dataclicks" style="display: none"></span>
    </div>
</section>
</div>

<block name="script">
    <script type="text/javascript" src="__JS__/calendar.js"></script>
    <script type="text/javascript">
        var data=[['2016-01','15','0'],['2015-12','11','0'],['2015-12','24','1']]
        $('#ops').dddata();
        $('#nowsn').css('color','#a9a9a9')
        function Callback(data_year,data_mouth,data_day){
//	console.log('Callback');
            var dydy=data_year+"-"+data_mouth+"-"+"01";
            var cx=new Date(dydy).getDay();
//	console.log(cx)
            var xiaos=$('#datanows').html();
            for(var i=0;i<data.length;i++){
                if(xiaos==data[i][0]){
                    if(data[i][2]==0){
                        $('#calendarday').find('span').eq(parseInt(cx)+parseInt(data[i][1])-1).css({'background':'red','color':'#FFF'});
//				console.log(parseInt(cx)+'/'+parseInt(data[i][1]));
                    }else{
                        $('#calendarday').find('span').eq(parseInt(cx)+parseInt(data[i][1])-1).css({'background':'green','color':'#FFF'});
                    }
                }
            }
        }
    </script>
    <script type="text/javascript">
        $(function(){
            $('.details .details-title').click(function(){
               $('.details-detail').show();
            });
        });
    </script>
</block>

</body>

</block>